body
{
background: #f7c053;
font: 12px arial, verdana, sans-serif;
color: #616057;
text-align: justify;
}

h1
{
color: #5d2f11;
font-size: 20px;
margin-top: 0;
font-weight: normal;
}

h2
{
color: #3a3436;
font-size: 16px;
}

h3
{
color: #686868;
font-size: 13px;
}

hr
{
color: #aa8e76;
background-color: #aa8e76;
height: 1px;
border: 0;
margin-top: 25px;
}



a
{
color: #824925;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

a.readon, p.ttActus a
{
clear: both;
background: url(../images/arrow.png) 0 2px no-repeat;
padding-left: 12px;
}

a img
{
border: none;
}

div#conteneur
{
width: 950px;
background: white;
margin: 0 auto;
}

/*
----------------
HEADER
----------------
*/

div#header
{
background: url(../images/header.jpg) no-repeat;
height: 200px;
}

/*menu header*/
div#header ul li
{
margin-bottom: 5px
}

div#header ul.menuHeader a
{
color:#d30000;
text-decoration: none;
font-size: 11px;
font-weight:bold;
background: url(../images/bg_pucemenuheader.gif) no-repeat 0 3px;
padding-left: 10px
}

div#header ul.menuHeader a:hover
{
text-decoration: underline;
}


div#logo
{
float: left;
width: 673px;
height: 195px;
}

div#logo a
{
display: block;
height: 130px;
width: 320px;
margin-top: 20px;
}

div#menuHeader
{
float: left;
width: 247px;
padding-left: 30px;
padding-top: 30px;
}

div#menuHeader a
{
color: #b46600;
}

div#menuHeader ul
{
list-style-type: none;
padding-left: 0;
float: left;
}

div#menuHeader ul.menu li
{
line-height: 19px;
}

div#menuHeader input
{
border: 1px solid #dcd2cd;
font: 12px arial, verdana, sans-serif;
color: #af9f8f;
}

/*blocs en valeur*/
div.moduletable-blocsEnValeur
{
float: left;
width: 130px;
margin-left: 15px;
text-align: left;
}

div.moduletable-blocsEnValeur ul li
{
/*border-left: 5px solid #e2dbcb;
border-bottom: 1px solid #e2dbcb;
border-right: 1px solid #e2dbcb;
border-top: 1px solid #e2dbcb;*/
border: 1px solid #e45a4e;
padding: 3px 10px;
background: #fff7eb;
}

div.moduletable-blocsEnValeur ul li.preM
{
margin-bottom: 5px;
}

div#menuHeader div.moduletable-blocsEnValeur ul a
{
color: #e71200;
font-weight: bold;
text-decoration: none;
text-align: left;
}

div#menuHeader div.moduletable-blocsEnValeur ul a:hover
{
text-decoration: underline;
}

/*
----------------
CONTENU
----------------
*/

div#colGauche, div#colDroite, div#contenu
{
float: left;
}

div#colGauche
{
width: 213px;
}

div#contenu
{
/*width dans index*/
padding: 0 50px;
}

div#colDroite
{
width: 227px;
}

/*Zone actus HOME*/

div.moduletable-actusBref
{
width: 100%;
background: url(../images/actubref2.jpg) bottom left no-repeat;
width: 266px;
/*height: 360px;*/
padding-bottom: 10px;
font-size: 11px;
}

div.moduletable-actusBref img
{
border: 1px solid silver;
}

div.moduletable-actusBref ul.latestnewsa6-actusBref
{
padding-left: 30px;
margin-top: 0;
text-align: left;
}

div.moduletable-actusBref ul.latestnewsa6-actusBref a
{
color: #a45e5d;
padding-top: 10px;
}

div.moduletable-actusBref p.ttActus
{
text-align: center;
margin: 0;
font-size: 12px;
}

div.moduletable-actusBref ul.latestnewsa6-actusBref li
{
list-style-type: none;
border-bottom: 1px dotted silver;
padding-top: 15px;
padding-bottom: 5px;
}

div.moduletable-actusBref ul.latestnewsa6-actusBref li#premierLI2
{
border-top: 1px dotted silver;
}

div.moduletable-actusBref ul.latestnewsa6-actusBref li div.texte
{
padding-left: 7px;
padding-right: 7px
}

/* toutes les actus*/
div.itemblock hr
{
clear: both;
}


/*Espace délégués --> NON CONNECTE*/

div#colDroite div.moduletable-espDelegues
{
margin-left: 21px;
}

div#colDroite div.moduletable-espDelegues h3
{
background: url(../images/tete-espacedeleg.gif) no-repeat;
height:23px;
width: 232px;
color: white;
padding-top: 5px;
padding-left: 10px;
margin-bottom: 0;
}

div#colDroite div.moduletable-espDelegues form
{
background: #ddffa8;
width: 191px;
font-size: 11px;
color: #6f9f23;
padding-left: 50px;
padding-bottom: 10px;
}

div#colDroite div.moduletable-espDelegues input
{
border: 1px solid silver;
font: 11px arial, verdana, sans-serif;
width: 100px;
color: gray;
margin-bottom: 5px;
}

div#colDroite div.moduletable-espDelegues input.button
{
width: 50px;
background: #88de00;
color: white;
font-weight: bold;
border: 1px solid #88de00
}

/*version connecté*/
div#colGauche div.moduletable-espDelegues h3
{
background: url(../images/tete-espacedeleg-logged.gif) no-repeat;
height:20px;
width: 194px;
color: white;
padding-top: 5px;
padding-left: 10px;
margin-bottom: 0;
margin-left: 9px;
}

div#colGauche div.moduletable-espDelegues form
{
background: #ddffa8;
font-size: 11px;
color: #6f9f23;
padding-bottom: 10px;
margin-left: 9px;
}

div#colGauche div.moduletable-espDelegues input
{
border: 1px solid silver;
font: 11px arial, verdana, sans-serif;
width: 100px;
color: gray;
margin-bottom: 5px;
}

div#colGauche div.moduletable-espDelegues input.button
{
background: #88de00;
color: white;
font-weight: bold;
border: 1px solid #88de00;
margin: 0
}

div#colGauche ul.menu-userMenu
{
margin-left: 0;
margin-top: 5px;
}

div#colGauche ul.menu-userMenu a
{
color: #2c4800;
}

div#colGauche ul.menu-userMenu li
{
border-bottom: 1px solid #bed158;
background: #ddffa8 url(../images/puce-menu-vert.gif) no-repeat 6px 6px;
font-size: 12px;
}

div#colGauche ul.menu-userMenu li.first
{
border-top: 1px solid #bed158;
}


div#colGauche p.hello
{
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-left: 10px;
}


/*espace membres*/

div.moduletable-espMembres
{
background: #fae0de;
margin-left: 9px;
padding-bottom: 5px;
}

div#colGauche ul.adHerer 
{
background:  url(../images/espdel.jpg) no-repeat 10px 0;
width: 150px;
padding-left: 35px;
}
div#colGauche ul.adHerer li
{
background: url(../images/pucedel.gif) no-repeat 5px 6px;
border: none;
}
div#colGauche ul.adHerer li a
{
color: #d01f1f
}

div.moduletable-espMembres p
{
padding-right: 5px;
text-align: left;
}

div.moduletable-espMembres a
{
color: #ca453a;
}

div.moduletable-espMembres h3
{
background: url(../images/tete-espacemembre.gif) no-repeat;
color: white;
padding-left: 10px;
padding-top: 7px;
height: 21px;
}

/*module galerie photo*/
div.moduletable-galeriePhotos h3
{
background: url(../images/tete-galphoto.gif) no-repeat;
color: white;
/*text-transform: uppercase;*/
padding: 7px 0 5px 10px;
}

div.moduletable-galeriePhotos
{
margin-left: 10px;
background: #d9e5e9;
padding-bottom: 1px;
}

div.moduletable-galeriePhotos a
{
padding: 6px 0px 10px 55px;
font-weight: bold;
color: #2d5767;
margin-left: 10px;
margin-top: 0px;
display: block;
}

div.moduletable-galeriePhotos a#versGalerie
{
background: url(../images/picto-galphoto.jpg) no-repeat;
}

div.moduletable-galeriePhotos a#versDiaporama
{
background: url(../images/picto-diaporama.jpg) no-repeat;
margin-bottom: 5px;
}

body div.imgSubTitle
{
font-size: 11px;
}

div#dt2 .sectiontableheader
{
text-align: center;
}

/* module de carte*/

div.moduletableCarteFlash h3
{
color:#4a697e;
border-bottom: 1px solid #cdcfce;
padding-bottom: 5px
}

div.moduletableCarteFlash
{
margin-left: 13px;
font-size: 11px;
text-align: left;
line-height: 18px;
}

div.moduletableCarteFlash span
{
margin-top: 25px;
display:block;
}

div#colGauche div.moduletableCarteFlash a:hover
{
color:#808080;
text-decoration: none;
}

/*page contact*/

form#ChronoContact_contact input, form#ChronoContact_contact textarea
{
width: 250px;
font: 12px arial, verdana, sans-serif;
color: #333;
}

form#ChronoContact_contact input#envoyer
{
width: 100px;
}

form#ChronoContact_contact textarea
{
height: 100px;
}

form#ChronoContact_contact
{
float: left;
}

div#adressePageContact
{
float: left;
width: 280px;
margin-left: 40px;
}

div.chronoform
{
display: none;
}

div#adressePageContact, p.blocEncadre, table.blocEncadre
{
border: 1px solid #d6ccb5;
background: #fff7f0;
padding: 0 10px;
}

p.blocEncadre
{
padding-top: 10px;
padding-bottom: 10px;
}

table.blocEncadre td
{
padding-left: 15px;
padding-right: 15px;
}

/*Alignement images*/

img.imageAdroite
{
float: right;
margin-left: 10px;
margin-bottom: 1px;
}

img.imageAgauche
{
float: left;
margin-right: 10px;
margin-bottom: 1px;
}

img.imageNormale
{
float: none;
}

/*couleurs custom*/

span.couleurCustom1
{
color: #7bb919;
}

span.couleurCustom2
{
color: #cc6600;
}

span.pathway
{
display: block;
margin-bottom: 10px;
}

/*carte flash*/
div#flash
{
position: relative;
top: -27px;
}

/*
----------------
MENUS
----------------
*/

/*principal*/

div#colGauche ul
{
list-style: none;
padding: 0;
background: #f4ebd6;
margin: 0 0 0 9px;
}

div#colGauche a
{
text-decoration: none;
}

div#colGauche ul a
{
color: #333;
}

div#colGauche a:hover
{
text-decoration: none;
}

div#colGauche a.active
{
font-weight: bold;
}

/*lien accueil hidden*/
div#colGauche ul.menu li.first
{
display: none;
}
div#colGauche ul.level2 li.first
{
display: block;
}

div#colGauche li a
{
border-bottom: 1px solid #dfcbb7;
padding: 2px 0 2px 20px;
background: url(../images/puce-menu-l1.gif) no-repeat 6px 6px;
text-align: left;
display:block;
}

div#colGauche ul.level2
{
margin-left: 0
}

div#colGauche ul.level2 li a
{
border-bottom: none;
padding: 2px 0 2px 10px;
background: url(../images/puce-menu-l2.gif) no-repeat 10px 6px;
}

div#colGauche li li a
{
border: none;
background: none;
padding: 0;
}


div#teteGauche a
{
margin-bottom:0;
display: block;
margin-left: 9px;
height: 21px;
color: white;
font-size: 14px;
font-weight: bold;
padding-top: 4px;
padding-left: 9px;
background: #824a26 url(../images/chapotete.gif) no-repeat;
}

/*
----------------
FOOTER
----------------
*/

div#footer
{
height: 30px;
background: #f7c053 url(../images/footer.gif) no-repeat;
clear: both;
padding-top: 30px;
position : relative;
}

div#reaL
{
width: 480px;
float: left;
font-size: 11px;
color: #75451b;
padding-top: 6px;
padding-left: 6px;
}

div#reaL a
{
/*float: left;
width: 65px;*/
text-decoration: none;
}

div#reaL a:hover
{
text-decoration: underline;
}

/*div#reaL span
{
display: block;
width: 60px;
float: left;
padding-top: 6px;
}*/

div#mentionsL
{
float: left;
padding-top: 3px;
}

/*menu footer*/
ul.menumenuFooter
{
position: absolute;
top: -12px;
font-size: 11px;
right: 15px
}

ul.menumenuFooter li
{
float: left;
list-style:none;
margin-right: 5px;
border-left: 1px solid #7f4726;
padding-left: 5px
}

ul.menumenuFooter li.item1
{
border-left: none;
}

ul.menumenuFooter a
{
text-decoration: none;
}

ul.menumenuFooter a:hover
{
text-decoration: underline;
}

/*
table.tabGrille td
{
border: 1px solid red;
}*/

table.tabGrille a
{
text-decoration: none;
color: #333;
}
table.tabGrille a:hover
{
text-decoration: underline;
}

table.tabGrille td.coinDroite
{
/*background: url(../images/coindroit.gif) right top no-repeat;*/
background: #8fce2c url(../images/tabgrillecdroite.gif) right top no-repeat;
width: 13px;
}

table.tabGrille td.head
{
background: #8fce2c;
font-size: 14px;
color: #fff;
}

table.tabGrille td.head p
{
margin-top: 10px;
margin-bottom: 10px;
}

table.tabGrille td.coinGauche
{
/*background: url(../images/coingauche.gif) no-repeat;*/
background: #8fce2c url(../images/tabgrillecgauche.gif) no-repeat;
width: 13px;
}

table.tabGrille td.content
{
background: #edf7de;
border: 1px solid #abda60;
padding: 0 10px;
}

/*page qui sommes-nous*/
#selecteurRegion
{
float: left;
margin-right: 15px;
}

#selecteurDepartement
{
float: left;
}

div.back_button
{
clear: both;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}









div#colGauche li ul
{
display: none;
}

div#colGauche li
{
position: relative;
}

div#colGauche li:hover a,
div#colGauche li.sfhover a
{
color: white;
background: #975931;
}

div#colGauche li li a:hover
{
background: #b36c3f
}

div#colGauche li li.first a:hover
{
border-top-right-radius: 5px;
}

div#colGauche li li.last a:hover
{
border-bottom-right-radius: 5px;
}

body div#colGauche li li
{
color: white;
text-align: left;
}

div#colGauche li.level1:hover ul.level2,
div#colGauche li.level2:hover ul.level3,
div#colGauche li.sfhover ul.level2,
div#colGauche li li.sfhover ul.level3
{
display: block;
position: absolute;
top: 0;
width: 150px;

}

div#colGauche li.level1:hover ul,
div#colGauche li.sfhover ul
{
background: #975931;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

div#colGauche li.level1:hover ul.level2,
div#colGauche li.sfhover ul.level2
{
left: 204px;
}

div#colGauche li.level2:hover ul.level3,
div#colGauche li li.sfhover ul.level3
{
left: 140px;
}

body div#colGauche ul.level2 li a
{
padding: 5px 10px 5px 20px;
}